<template>
  <div class="header">
    <div class="left">
      <img src="../../../assets/img/logo.jpg" class="threelogo"/>
    </div>
    <div class="right">
      <table>
        <tr>
          <td>首页 </td>
          <td>出国留学 </td>
          <td>服务项目 </td>
          <td>专家团队 </td>
          <td>成功案例 </td>
          <td>留学快讯 </td>
          <td>关于我们 </td>
        </tr>
      </table>
    </div>
  </div>
</template>

<script>
export default {
  name: 'MiddleMenu'

}
</script>

<style lang="stylus" scoped>
  @import '~styles/commonstyl.styl'
  .header
    height:3.2rem
    line-height:2rem
    width:60%
    margin-left:20%
    border-bottom:5px solid $textSpecialColor
    font-size:20px
    .left
      float:left
      width:30%
      .threelogo
        width:100%
        height:3rem
    .right
      float:right
      width:68%
      font-size:.35rem
      padding-top:1rem
      text-align:center
      table
        width:100%
        text-align:center
        cursor pointer
</style>
